<div class='card mb-3 mt-1 shadow-sm'>
    {% load thumbnail %}
    {% thumbnail post.image "960x339" crop="center" upscale=True as im %}
        <img class="card-img" src="{{ im.url }}">
    {% endthumbnail %}
    <div class='card-body'>
        <p class='card-text'>
            <!-- Ссылка на страницу автора в атрибуте href; username автора в тексте ссылки -->
            <a name='post_{{ post.id }}' href='{% url "profile" post.author.username %}'>
                <strong class='d-block text-gray-dark'>@{{ post.author }}</strong>
            </a>
            <!-- Текст поста -->
            {{ post.text|linebreaksbr }}
        </p>
        <!-- Если пост относится к какому-нибудь сообществу, то отобразим ссылку на него через # -->
        {% if post.group %}
            <a class='card-link muted' href='{% url "group_posts" post.group.slug %}'>
                <strong class='d-block text-gray-dark'>#{{ post.group.title }}</strong>
            </a>
        {% endif %}
        <p></p>
        <!-- Отображение ссылки на комментарии -->
        <div class='d-flex justify-content-between align-items-center'>
            <div class='btn-group'>
                {% if post.comments.exists %}
                    <a class='btn btn-sm btn-secondary' href='{% url "post" username=post.author.username post_id=post.id %}' role='button'>
                        Комментариев: {{ post.comments.count }}
                    </a>
                {% endif %}

                <a class='btn btn-sm btn-primary' href='{% url "post" username=post.author.username post_id=post.id %}' role='button'>
                    Добавить комментарий
                </a>

                {% if user == post.author %}
                    <a class='btn btn-sm btn-success' href='{% url "post_edit" username=post.author.username post_id=post.id %}' role='button'>
                        Редактировать
                    </a>
                    <a class='btn btn-sm btn-danger' href='{% url "post_delete" username=post.author.username post_id=post.id %}' role='button'>
                        Удалить
                    </a>
                {% endif %}
            </div>

            <small class='text-muted'>{{ post.pub_date }}</small>
        </div>
    </div>
</div>